@charset "utf-8";

@import 'cm-scss';

header{
    padding-top: halfRatio(48);
    line-height: halfRatio(60);
//  height: halfRatio(60);
    box-sizing: border-box;
    
    .back-css{
            margin-left:  halfRatio(23);;
            height: halfRatio(60);
            width: halfRatio(123);
            border: 1px solid $theme-color;
            border-radius: 15px;
            a{
                
                line-height: halfRatio(60);
                display: block;
                text-align: center;
                font-size: halfRatio(26);
            }
        }
        
    .title-css{
            height: halfRatio(60);
            margin: 0 auto;
            text-align: center;
            font-size: halfRatio(26);
            line-height:  halfRatio(60);
            span{
                display: inline-block;
               
                
            }
            
        }
    
    .ic-css{
        margin-right: halfRatio(23);
        width: halfRatio(52);
        img{
            width: 100%;
            vertical-align:top;
        }
    }
    
    
}


section{
    top: 57px;
    
    
    .mine-login{
        margin: halfRatio(20) 0 halfRatio(26);
        display: inline-block;
        .login-info{
          width: 80%;  
          float: left;
          display: inline-block;
              .user-img{
                    float: left;   
                    width: toRem(170);
                    img{
                        width: 100%;    
                    }
              }   
              .user-set{
                  float: left;
                  width: toRem(280);
                  font-size: toRem(30);
                  margin: toRem(34) 0 toRem(37) toRem(24) ;
                  &:nth-of-type(2){
                    font-size: toRem(22);
                    color: #9d9d9d;
                    margin: 0 0 0 toRem(24);
                  }
                  
              }
              
              
        }
        
        
        .mine-setmore{
            width: 20%;
            display: inline-block;
            float: right;
            vertical-align: middle;
            line-height: 90px;
            p{
//              margin: toRem(16)  0;
                text-align: right;
                font-size: toRem(87);
              
            }
        }
    } 

    .my-select{
        
        .img-group-flexline{
            img{
                width: auto;
                height:toRem(80) ;
                
            }
            
           dd{
               width: 100%;
           }   
            
           a{
                box-sizing: border-box;
                padding-top: halfRatio(20);
                text-align: center;
                width: toRem(195);
                height: toRem(150);
                &:nth-of-type(1){
                    background-color: #B2E0A0;
                }
                &:nth-of-type(2){
                    background-color: #a0dce0;
                }
                &:nth-of-type(3){
                    background-color: #e0b7a0;
                }
                
                .img-text{
                    font-size: toRem(26);
                }
    //          float: left;
    //          margin-right:toRem(60);
                /*
                &:nth-of-type(4){
                    margin-right:0;
                }*/
            }
        }
    }
    
    
    .user-exit{
        .img-group-flexline{
            justify-content: space-around;
            dd{
                
                width: toRem(148);
                height: toRem(76);
                           
                
                a{
                    background-color: $theme-color;
                    border: 1px solid $theme-color;
                    border-radius: toRem(76);
                    color: white;
                    height: toRem(76);
                    text-align: center;
                    display: block;
                    font-size: toRem(24);
                    line-height: toRem(76);
                }
            }
            
        }
    }



}